<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="img/receiverAddr/topdraw_favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <title>淘尽铅华,立于一画</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/receiverAddr.css">
    <link rel="stylesheet" href="css/font2.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script>
        var TOPDRAW_EPG_BASE_SERVER = "http://202.99.114.74:52118/";
    </script>
    <script src="../config/circumstance.js"></script>
    <script src="responsive/flexible.js"></script>

</head>
<body>
<div class="wx_wrap" id="wrapBody">
    <div class="m_header" style="">
        <div class="m_header_bar">
            <!-- <div class="m_header_bar_back"></div>-->
            <div class="m_header_bar_title">收货地址</div>
            <div class="m_header_bar_menu" style="display:none;"></div>
        </div>
    </div>
    <div id="edit" class="address_new" style="transform: translate(0px, 0px); padding-bottom: 10px;">
        <p>
            <label for="">
                <span class="tit">昵称</span>
                <input id="nickname" type="text" value="" placeholder="小屋昵称">
            </label>
        </p>
        <p>
            <label for="">
                <span class="tit">收货人</span>
                <input id="name" type="text" value="" placeholder="姓名">
            </label>
        </p>
        <p class="label_flex">
            <label for="">
                <span class="tit">联系方式</span>
                <span class="foreign_prefix" id="areaCode" style="display:none;"></span>
                <input id="mobile" value="" type="tel" placeholder="手机号码" maxlength="17">
            </label>
        </p>
        <p class="street_detail selAddr" id="selAddr">
            <label for="">
                <span class="tit">所在地区</span>
                <input type="text" placeholder="选择所在地区" readonly="readonly">
            </label>
            <i class="arrow"></i>
        </p>
        <p class="street_detail" id="adinfoP">
            <label for="">
                <span class="tit">详细地址</span>
                <textarea placeholder="详细地址需填写楼栋楼层或房间号信息" id="adinfo" value="" rows="2"></textarea>
                <i class="close" id="info_clear"></i>
            </label>
            <span class="btn_complete" id="info_sure">完成</span>
        </p>
        <p id="g_emailP"  style="display:none;">
            <label for="">
                <span class="tit">邮箱</span>
                <input id="g_email" value="" type="text" placeholder="必填">
            </label>
        </p>
        <p id="g_postcodeP"  style="display:none;">
            <label for="">
                <span class="tit">邮编</span>
                <input id="g_postcode" value="" type="text" placeholder="必填">
            </label>
        </p>
        <p id="g_phoneP"  style="display:none;">
            <label for="">
                <span class="tit">固定电话</span>
                <input id="g_phone" value="" type="text" placeholder="选填">
            </label>
        </p>
        <p class="address_tags" id="adlabelP" value="">
            <span class="tit">地址标签</span>
            <span class="address_tags_tag" value="公司">公司</span>
            <span class="address_tags_tag" value="家">家</span>
            <span class="address_tags_tag" value="学校">学校</span>
            <span class="address_tags_tag user_tag" value=""> 自定义<i class="address_tags_close"></i> </span>
            <span class="address_tags_tag_wrap" style="display:none;">
                <span class="address_tags_tag cur" id="userLabelVal" value=""></span>
                <span class="address_tags_edit"></span>
            </span>
        </p>

        <div class="mod_btns"><a href="javascript:void(0);" class="mod_btn bg_1" id="submitAddress">确认并使用该地址</a></div>
        <div class="fuzzy_search" id="fuzzySearch">
            <ul class="result_list" id="tenSuggest">

            </ul>
        </div>
    </div>
    <div class="mod_address_slide show" id="addrSelDiv" style="display: none">
        <div class="mod_address_slide_main type_flex">
            <div class="mod_address_slide_head">所在地区<i class="close"></i></div>
            <div class="mod_address_slide_body">
                <ul class="mod_address_slide_tabs_1" id="addrNav">
                    <li level="1" class="cur"><span>请选择</span></li>
                </ul>
                <ul class="mod_address_slide_list_2" id="addrList">
                </ul>
            </div>
        </div>
    </div>
    <div class="wx_loading" id="wxloading" style="display: none;">
        <div class="wx_loading_inner">
            <i class="wx_loading_icon"></i> Loading...
        </div>
    </div>
    <div class="mod_alert mod_alert_info fixed" id="userLabelDiv" style="">
        <h3 class="title">自定义标签名称</h3>
        <div class="input_wrap">
            <input type="text" id="labelInput" maxlength="8" placeholder="标签最多填写八个字">
        </div>
        <p class="btns">
            <a href="javascript:void(0)" id="labelCancel" class="btn btn_2">取消</a>
            <a href="javascript:void(0)" id="labelSure" class="btn btn_1">确认</a>
        </p>
    </div>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/receiverAddr.js"></script>
</html>
